import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { ThemeServiceInit, devuiDarkTheme, Theme, devuiLightTheme } from 'ng-devui/theme';
import { AppModule } from './app/app.module';

import {
  infinityTheme,
} from 'ng-devui/theme-collection';

const customTheme = new Theme({
  id: `customize-theme`,
  name: 'custom',
  cnName: '自定义',
  data: Object.assign({}, devuiLightTheme.data, {
    'devui-global-bg': '#cccccc',
  }),
  isDark: false,
});
const pinkTheme = new Theme({
  id: 'pinkTheme',
  name: 'pinkTheme',
  cnName: '蜜糖主题',
  data: {
    "devui-global-bg": "#f9fafb",
    "devui-glass-mor phism-bg": "rgba(245, 246, 248,0.9)",
    "devui-base-bg": "#f8f1f5",
    "devui-brand": "#ec66ab",
    "devui-brand-foil": "#f8f1f5",
    "devui-brand-hover": "#e9489b",
    "devui-brand-active": "#e9489b",
    "devui-brand-active-focus": "#e9489b",
    "devui-text": "#2f272f",
    "devui-aide-text": "#827d82",
    "devui-placeholder": "#bdb8bd",
    "devui-link-active": "#96114d",
    "devui-line": "#aea6ad",
    "devui-dividing-line": "#eae7e9",
    "devui-success": "#50d4ab",
    "devui-icon-text": "#babbc0",
    "devui-icon-fill-active": "#ec66ab",
    "devui-icon-fill-active-hover": "#ec66ab",
    "devui-form-control-line": "#D7D8DA",
    "devui-form-control-line-active": "#ec66ab",
    "devui-form-control-interactive-outline": "rgba(236,102,171,0.08)",
    "devui-form-control-line-active-hover": "#ec66ab",
    "devui-list-item-active-bg": "#ffdcee",
    "devui-list-item-active-hover-bg": "#ffdcee",
    "devui-list-item-hover-bg": "#f8ddeb",
    "devui-list-item-selected-bg": "#ffdcee",
    "devui-disabled-bg": "#f6f6f6",
    "devui-disabled-text": "#cbcacb",
    "devui-primary-disabled": "#fad1e6",
    "devui-icon-fill-active-disabled": "#fad1e6",
    "devui-label-bg": "#ffdcee",
    "devui-connected-overlay-line": "#ec66ab",
    "devui-embed-search-bg": "#ffdcee",
    "devui-primary": "#ec66ab",
    "devui-primary-hover": "#ec66ab",
    "devui-primary-active": "#ec66ab",
    "devui-shadow-length-feedback-overlay": "0 8px 16px 0",
    "devui-btn-common-bg": "none",
    "devui-btn-common-border-color": "transparent",
    "devui-btn-padding": "0 16px",
    "devui-list-item-active-text": "#f8f1f5"
  },
  isExtendable: true,
});
const pinkThemeSimple = new Theme({
  id: 'pinkThemeSimple',
  name: 'pinkThemeSimple',
  cnName: '蜜糖主题(简)',
  data: {
    "devui-global-bg": "#f9fafb",
    "devui-glass-mor phism-bg": "rgba(245, 246, 248,0.9)",
    "devui-base-bg": "#ffffff",
    "devui-brand": "#ec66ab",
    "devui-brand-foil": "#f8f1f5",
    "devui-brand-hover": "#e9489b",
    "devui-brand-active": "#e9489b",
    "devui-brand-active-focus": "#e9489b",
    "devui-text": "#2f272f",
    "devui-aide-text": "#827d82",
    "devui-placeholder": "#bdb8bd",
    "devui-link-active": "#96114d",
    "devui-line": "#aea6ad",
    "devui-dividing-line": "#eae7e9",
    "devui-success": "#50d4ab",
    "devui-icon-text": "#babbc0",
    "devui-icon-fill-active": "#ec66ab",
    "devui-icon-fill-active-hover": "#ec66ab",
    "devui-form-control-line": "#D7D8DA",
    "devui-form-control-line-active": "#ec66ab",
    "devui-form-control-interactive-outline": "rgba(236,102,171,0.08)",
    "devui-form-control-line-active-hover": "#ec66ab",
    "devui-list-item-active-bg": "#ffdcee",
    "devui-list-item-active-hover-bg": "#ffdcee",
    "devui-list-item-hover-bg": "#fce2f1a8",
    "devui-list-item-selected-bg": "#ffdcee",
    "devui-disabled-bg": "#f6f6f6",
    "devui-disabled-text": "#cbcacb",
    "devui-primary-disabled": "#fad1e6",
    "devui-icon-fill-active-disabled": "#fad1e6",
    "devui-label-bg": "#ffdcee",
    "devui-connected-overlay-line": "#ec66ab",
    "devui-embed-search-bg": "#ffdcee",
    "devui-primary": "#ec66ab",
    "devui-primary-hover": "#ec66ab",
    "devui-primary-active": "#ec66ab",
    "devui-shadow-length-feedback-overlay": "0 8px 16px 0",
    "devui-btn-common-bg": "none",
    "devui-btn-common-border-color": "transparent",
    "devui-btn-padding": "0 16px",
    "devui-list-item-active-text": "#f8f1f5"
  },
  isExtendable: true,
});
const IprovenceTheme = new Theme({
  id: 'IprovenceTheme',
  name: 'IprovenceTheme',
  cnName: '紫罗兰主题',
  data: {
    "devui-global-bg": "#f9fafb",
    "devui-glass-mor phism-bg": "rgba(245, 246, 248,0.9)",
    "devui-base-bg": "#f5f0ff",
    "devui-brand": "#7B69EE",
    "devui-brand-foil": "#f8f1f5",
    "devui-brand-hover": "#7B69EE",
    "devui-brand-active": "#7B69EE",
    "devui-brand-active-focus": "#7B69EE",
    "devui-text": "#2f272f",
    "devui-aide-text": "#827d82",
    "devui-placeholder": "#bdb8bd",
    "devui-link-active": "#96114d",
    "devui-line": "#aea6ad",
    "devui-dividing-line": "#eae7e9",
    "devui-success": "#50d4ab",
    "devui-icon-text": "#babbc0",
    "devui-icon-fill-active": "#7B69EE",
    "devui-icon-fill-active-hover": "#7B69EE",
    "devui-form-control-line": "#D7D8DA",
    "devui-form-control-line-active": "#7B69EE",
    '--devui-form-control-interactive-outline': 'rgba(123,105,238,0.08)',
    "devui-form-control-line-active-hover": "#7B69EE",
    "devui-list-item-active-bg": "#d8c2ff",
    "devui-list-item-active-hover-bg": "#d8c2ff",
    "devui-list-item-hover-bg": "#e7d9ff",
    "devui-list-item-selected-bg": "#d8c2ff",
    "devui-disabled-bg": "#f6f6f6",
    "devui-disabled-text": "#cbcacb",
    "devui-primary-disabled": "#7B69EE",
    "devui-icon-fill-active-disabled": "#7B69EE",
    "devui-label-bg": "#d8c2ff",
    "devui-connected-overlay-line": "#7B69EE",
    "devui-embed-search-bg": "#d8c2ff",
    "devui-primary": "#7B69EE",
    "devui-primary-hover": "#7B69EE",
    "devui-primary-active": "#7B69EE",
    "devui-shadow-length-feedback-overlay": "0 8px 16px 0",
    "devui-btn-common-bg": "none",
    "devui-btn-common-border-color": "transparent",
    "devui-btn-padding": "0 16px",
    "devui-list-item-active-text": '#f5f0ff'
  },
  isExtendable: true,
});
const IprovenceThemeSimple = new Theme({
  id: 'IprovenceThemeSimple',
  name: 'IprovenceThemeSimple',
  cnName: '紫罗兰主题(简)',
  data: {
    "devui-global-bg": "#f9fafb",
    "devui-base-bg": "#f5f0ff",
    "devui-brand": "#7B69EE",
    "devui-brand-foil": "#f8f1f5",
    "devui-brand-hover": "#7B69EE",
    "devui-brand-active": "#7B69EE",
    "devui-brand-active-focus": "#7B69EE",
    "devui-text": "#2f272f",
    "devui-aide-text": "#827d82",
    "devui-placeholder": "#bdb8bd",
    "devui-link-active": "#96114d",
    "devui-line": "#aea6ad",
    "devui-dividing-line": "#eae7e9",
    "devui-success": "#50d4ab",
    "devui-icon-text": "#babbc0",
    "devui-icon-fill-active": "#7B69EE",
    "devui-icon-fill-active-hover": "#7B69EE",
    "devui-form-control-line": "#D7D8DA",
    "devui-form-control-line-active": "#7B69EE",
    '--devui-form-control-interactive-outline': 'rgba(123,105,238,0.08)',
    "devui-form-control-line-active-hover": "#7B69EE",
    "devui-list-item-active-bg": "#d8c2ff",
    "devui-list-item-active-hover-bg": "#d8c2ff",
    "devui-list-item-hover-bg": "#f5f0ff",
    "devui-list-item-selected-bg": "#d8c2ff",
    "devui-disabled-bg": "#f6f6f6",
    "devui-disabled-text": "#cbcacb",
    "devui-primary-disabled": "#7B69EE",
    "devui-icon-fill-active-disabled": "#7B69EE",
    "devui-label-bg": "#d8c2ff",
    "devui-connected-overlay-line": "#7B69EE",
    "devui-embed-search-bg": "#d8c2ff",
    "devui-primary": "#7B69EE",
    "devui-primary-hover": "#7B69EE",
    "devui-primary-active": "#7B69EE",
    "devui-shadow-length-feedback-overlay": "0 8px 16px 0",
    "devui-btn-common-bg": "none",
    "devui-btn-common-border-color": "transparent",
    "devui-btn-padding": "0 16px",
    "devui-list-item-active-text": '#f5f0ff'
  },
  isExtendable: true,
});
ThemeServiceInit({
  infinityTheme,
  pinkTheme,
  pinkThemeSimple,
  IprovenceTheme,
  IprovenceThemeSimple,
  devuiDarkTheme,
  customTheme,
});
platformBrowserDynamic()
  .bootstrapModule(AppModule)
  .catch((err) => console.error(err));
